<script lang="tsx">
/**
 * 员工管理
 */
export default {
  name: "staff"
}
</script>

<script lang="tsx" setup>
import Aside from "./components/aside/index.vue"
import Table from "./components/table/index.vue"
import PageAsideTable from "@/frame/view/layout/page-aside-table/index.vue"
import {ref} from "vue"

/**
 * 节点更新
 */
const nodeId = ref()
const handleNodeChange = (node: any) => {
  nodeId.value = node.id
}
</script>

<template>
  <PageAsideTable>
    <template #aside>
      <Aside @change="handleNodeChange"/>
    </template>
    <template #table>
      <Table :nodeId="nodeId"/>
    </template>
  </PageAsideTable>
</template>

<style lang="scss" scoped>
</style>